@charset "UTF-8";
@import url("../common.css");
header {
  background: #698af3; }
  header img {
    height: 1.5rem;
    position: absolute;
    top: 30%;
    left: 10px; }

#main .topbar {
  height: 2rem;
  border: solid 2px #7c9bff;
  border-radius: 2rem;
  background: #426ad6; }
#main .top {
  margin-top: -1.7rem;
  background: #FFFFFF; }
  #main .top .qiantui {
    padding: 0 15px;
    background: #6bb5ff;
    border-radius: 2.4rem; }
#main .center {
  background: #f1f5ff; }
  #main .center .ljimg {
    margin-top: -3.5rem; }
  #main .center .title {
    color: #869eff; }
    #main .center .title img {
      width: 5rem; }
  #main .center .tihao li {
    width: 3rem;
    background: #c2c7db; }
  #main .center .tihao .yizuo {
    background: #869eff; }
  #main .center .tishu {
    position: absolute;
    bottom: 7rem;
    left: 0; }
  #main .center .but {
    position: absolute;
    bottom: 2rem;
    left: 15%;
    border-radius: 3.6rem;
    background: #869eff; }
#main .Popup {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5); }
  #main .Popup .content {
    position: absolute;
    top: 50%;
    left: 8%;
    background: #FFFFFF;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%); }
    #main .Popup .content .close {
      border: solid 1px #999999;
      border-radius: 1.8rem; }
    #main .Popup .content .assesslist img {
      height: 1.5rem; }
    #main .Popup .content .next, #main .Popup .content .tijiao {
      background: #6eb3ff;
      border-radius: 2.8rem; }
